
<style>
body,#maincontent{background: #f3f3f3;}
p{    line-height: 1.6em;}
.star{width:200px !important;display: inline-block;text-align: center;}
.persent{display:inline-block;text-align: right;width:40px;padding:0 5px;}
.star-stat{margin: 10px 0;}
.txt-result{margin: 10px 0;background: #fafafa;padding:10px;margin-bottom: 10px}

h2{padding:10px 20px;background-image: -webkit-linear-gradient(left, #149a4a, #0c9794); background-color: #127975;color:#FFF;}
h3{margin:0;font-size:16px;font-weight:500;color:#333;}
.item{padding: 8px 10px;background: #FAFAFA; margin-bottom:4px;}
.fa-star,.fa-star-o{margin-right:5px;}
.mark-item{background: #FAFAFA;    padding: 10px 0;margin:10px 0;}
.mark-head,.mark-desc{padding:2px 20px;}
.gender{    width: 16px;margin-top: 25px;}
</style>

<div class="row">
    <div class="col-xs-12">
    <div class="clearfix" style="background: #FAFAFA;">
    	<div class="col-xs-9">
    		<img style="display: inline-block;height: 60px;width: 60px;border-radius: 10px;" src="{{$User['User']['avatar']}}">
    		<span style="color:#0c9794;font-size:16px;">{{$User['User']['username']}}</span>
    	</div>
    	<div class="col-xs-3">
    		{{if $User['User']['sex']==1}}<img class="gender" src="/img/icons/male.png">
    		{{else}}<img class="gender" src="/img/icons/female.png">
    		{{/if}}
    	</div>
    </div>
    <div class="clearfix">
    	<h2>个人信息</h2>
    	<div class="item clearfix">
    		<div class="col-xs-3">专业职称</div>
    		<div class="col-xs-9">{{$User['User']['zhicheng']}}</div>
    	</div>
    	<div class="item clearfix">
    		<div class="col-xs-3">研究领域</div>
    		<div class="col-xs-9">{{$User['User']['lingyu']}}</div>
    	</div>
    	<div class="item clearfix" style="border-bottom:0 none;margin-bottom:10px;">
    		<div class="col-xs-3">个人简介</div>
    		<div class="col-xs-9">{{$User['User']['description']}}</div>
    	</div>
    </div>
    <div class="clearfix">
    	<h2>评分列表</h2>
    		{{loop $marks $item}}
    			{{if strtotime($item['ItemMark']['created'])+$item['ItemMark']['seconds'] > time() }}
	      		<div class="mark-item noborder">
	      			<a href="/item_marks/view/{{$item['ItemMark']['id']}}">	      			
					<h3 class="mark-head">{{$item['ItemMark']['name']}}</h3>
					<section class="mark-desc"><small>截止时间：{{date('Y-m-d H:i:s',strtotime($item['ItemMark']['created'])+$item['ItemMark']['seconds'])}}</small></section>
					</a>
				</div>
				{{/if}}
			{{/loop}}
		<p><br/></p>
		<p><br/></p>
	</div>
	</div>
</div>	


<script>
$(function(){

	$('.star').raty({
		'path':'/img/',
		click: function(score, evt) {
            //alert('ID: ' + $(this).data('field') + "\nscore: " + score + "\nevent: " + evt.type);
            $('input[name='+ $(this).data('field') +']').val(score);
        }
	});
})

</script>